import { MyAppType } from "@/router/type";
import { lazy } from "react";
import WithLoading from "@/layout/WithLoading";
import { UserOutlined } from "@ant-design/icons";

const MineHappit = lazy(() => import("@/views/Mine/MineHappit"));
const MineSkill = lazy(() => import("@/views/Mine/MineSkill"));

const Mine: MyAppType = {
  path: "/mine",
  name: "Mine",
  meta: {
    title: "个人简介",
    icon: <UserOutlined />,
    order: 2,
  },
  children: [
    {
      path: "mineHappit",
      name: "MineHappit",
      element: WithLoading(<MineHappit />),
      meta: {
        title: "我的兴趣",
      },
    },
    {
      path: "mineSkill",
      name: "MineSkill",
      element: WithLoading(<MineSkill />),
      meta: {
        title: "我的技能",
      },
    },
  ],
};

export default Mine;
